<script setup>
// 父传子
// 1. 定义子组件
// 2. 直接引入, 不用components注册
// 3. v-bind绑定数据, 通过defineProps接受
//    - 不需要引入defineProps
//    - 在模板中直接使用, 在setup函数中需要props. 使用

// 直接引入, 不用components注册
import { ref } from 'vue';
import Son from './components/Son.vue';

const msg = ref('hello,world')

</script>
<template>
  <div style="border:10px solid #333">
    <h1>我是父组件</h1>
    <br>

    <Son :msg="msg" />
  </div>
</template>

